import {
	defineConfig
} from 'vite'
import vue from '@vitejs/plugin-vue'
import {
	fileURLToPath
} from 'url';
import {
	resolve,
	dirname,
} from 'path'
import {
	createSvgIconsPlugin
} from 'vite-plugin-svg-icons'
import path from 'path'

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const pathResolve = dir => resolve(__dirname, dir)


export default defineConfig({
	plugins: [vue(),
		createSvgIconsPlugin({
			iconDirs: [resolve(process.cwd(), 'src/assets/svg')],
			symbolId: 'icon-[dir]-[name]',
		}),
	],
	pluginsOptions: {
		'style-resources-loader': {
			preProcessor: 'scss',
			patterns: []
		}
	},
	css: {
		loaderOptions: {
			scss: {
				api: "modern"
			}
		}
	},
	server: {
		port: 8080, //默认启动端口号为8080
		open: true, //自动打开浏览器
		cors: true, //允许跨域
		// fs: {
		// 	// 明确允许访问的目录
		// 	allow: [
		// 		// 项目根目录（通常是配置文件所在的目录）
		// 		path.resolve(__dirname),
		// 		// 如果你需要访问/src/api/set，添加它的父目录
		// 		path.resolve(__dirname, './src/api')
		// 		// 可以根据需要添加其他目录
		// 	]
		// }
	},
	resolve: {
		alias: {
			'@': resolve(__dirname, 'src'),
		}
	},
})